html #maincontent {
	height:1%;
}
/********** PAGE SECTIONS ************************/

#skipnav {
	left:-1000em;
	position:absolute;
	width:20em;
}

#header {
	background-color: #222;
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
	font-size: 1.5em;
	line-height: 1em;
	margin-top: 0px;
	padding:11px 0 10px 18px;
}

#sidebar {
	width: 16%;
	margin: 0px 3px 0px 0px;
	float:left;
}

#footer {
	font-weight: normal;
	color: #666;
	margin-top:5px;
}

#footer a {
	font-weight: bold;
	font-size: .92em;
}

#content,
#footer {
	margin-left:16.4%;
}

/******************* PAGE FORMATS ************************/

.list {
	padding:10px 15px 15px 100px;
	min-height: 8em;
}

.full {
	padding:10px 15px 15px 30px;
}

.error {
	padding:30px 15px 15px 30px;
	height: 10em;
}

/************ PAGE STYLES **************************/ 

#results {
	background-color:#e2d5af;
}

#results td {
	border:1px solid #c2b58f;
}

#browse {
	background-color:#f2dfc1;
}

#browse td {
	border: 1px solid #d9c8ad;
}

#settings {
	background-color:#ceead8;
}

#resources {
	background-color:#eef1f8;
	background-color:#dde0e7;
}

#slideshow {
	background-color:#ceead8;
	background-color:#d5deed;
}
#slideshow td {
	border: 1px solid #9dbda9;
	border: 1px solid #9cacc6
}

#set {
	background-color:#ceead8;
	background-color:#d5deed;
}
#set td {
	border: 1px solid #9dbda9;
	border: 1px solid #9cacc6
}

#user_collection {
	background-color:#ceead8;
}
#user_collection td {
	border: 1px solid #9dbda9;
}

#cart {
	background-color:#ecd7d6;
}
#cart td {
	border: 1px solid #cdb0ae;
}

#searchTallies {
	background-color: #e6d4b8;
	background-color: #d2c59f;
}

/********** STANDARD CLASSES ********************/

.spacer { clear:both; }
.hide { display:none; }
.pagedata { display:none; }
a.delete { color:#c00; }
.alert { color:#c00; }
.msg { color:#c00; }
a.edit { color: #00c; }
.current { color: #00c; font-weight: bold;}
a.current { color: #00c; font-weight: bold;}
.modify {color: #00c;}
a.modify {color: #00c;}

/********* STANDARD STYLES *******************/
#contentHeader h1,
#contentHeader h2,
#contentHeader h3,
#contentHeader h4 {
	color: #333;
	width: 70%;
	line-height: 1.1em; 
	margin: 0 0 .8em 0;
}
#contentHeader h1 a {
	color: #666;
}
#contentHeader h1 span.searchEcho {
	font-size: .9em;
}
#contentHeader h2 {
}
#contentHeader h3 {
	color: #777;
}
#contentHeader h4 {
}
/************ COLLECTION LIST ***************/

div.searchForm {
	margin: 6px 0;
}

ul#collectionList {
	margin: 6px 0;
}
ul#collectionList li {
	line-height: 1.6em;
}
ul#collectionList h4 {
	margin-top: .7em;
	color: #333;
	margin-left: 6px;
}
ul#collectionList a.checkedCollection:link,
ul#collectionList a.checkedCollection:visited {
	color:#700c0c;
}
ul#collectionList a.checkedCollection:hover,
ul#collectionList a.checkedCollection:active {
	color:#000;
}

/********* COLLECTION BROWSE ****************/

div#browseColumns {
	margin: 4px 0;
}
div#browseColumns a {
	display:block;
	line-height:1.6em;
	font-weight: bold;
}
div#browseColumns a.hide {
	display:none;
}
div#browseColumns h4 {
	color:#173561;
}
div#browseColumns a.spill {
	display:block;
	margin-left:-4px;
	margin-right:-10px;
	padding-left:4px;
}

div#browseColumns a#attSorter {
	float:right;
	margin: -5px 6px 0 0;
	color: #999;
	font-weight: normal;
}

div#catColumn {
	background-color:#d9c8ad;
	float:left;
	padding:10px;
	width:20%;
}
div#catColumn a.spill {
	background-color:#ffebcc;
}
div#attColumn {
	background-color:#ffebcc;
	float:left;
	margin-right:1px;
	padding:10px;
	width:25%;
}
div#attColumn a.spill {
	background-color:#fff0d9;
	border-bottom:1px solid #f2dfc1;
	border-left:1px solid #f2dfc1;
	border-top:1px solid #f2dfc1;
	margin-right:-11px;
}
div#valColumn {
	background-color:#fff0d9;
	float:left;
	padding:10px;
	width:45%;
}
div#valColumn a.anchor {
	background-color:#c9c8ad;
}
div#valColumn.empty {
	background-color:#f2dfc1;
}

/*****  ITEM DISPLAY PAGE **************/
table#item {
}

table#item td {
	vertical-align: top;
}
table#item td a {
	font-weight: normal;
}
table#item td a:hover {
	text-decoration: underline;
}
table#item td.image {
	text-align: center;
}
table#item td.image  table{
	margin: 1em auto;
}
table#item td.image table td{
	padding: 2px 2px 0 2px;
	vertical-align: middle;
	text-align: center;
}

table#item td.image table td a{
	font-size: .7em;
	color: #222;
}

table#item td.metadata {
	width: 100%;
	background-color:#fff;
	padding: 1.2em;
}
table#item td.metadata dl {
	margin-bottom: .5em;
	margin-top: .5em;
}
table#item td.metadata dt {
	color:#339;
	font-weight:bold;
}
table#item td.metadata a.toggle {
	color: #999;
}

table#item td.metadata textarea {
/*	font-size: 1.4em;*/
	width: 90%;
	padding: 3px;
}

table#item td.metadata ul#notes {
	margin: 1em 0;
}

table#item td.metadata ul#notes li {
	margin: 10px 0;
	width: 80%;
	padding: 4px 10px;
	background-color: #eee;
}

li.note h3 {
	font-weight: normal;
	font-size: .9em;
}

li.note h3 span.username {
	color: #339;
	font-weight: bold;
}

a#notesLink {
	text-decoration: underline;
}

table#item td.metadata div#itemContent {
	margin: 10px 0;
	width: 80%;
	padding: 4px 10px;
	background-color: #ffc;
}

table#item td.metadata div#parentLinks {
	margin: 10px 0;
	width: 80%;
	padding: 4px 10px;
	background-color: #eed;
}

table#item td.metadata div#childLinks {
	margin: 10px 0;
	width: 80%;
	padding: 4px 10px;
	background-color: #eed;
}

div#pageReloader {
	float: right;
	text-align: right;
	margin-right: 20px;
	padding-top: 3px;
}

#item td a#pageReloaderLink {
	font-weight: bold;  
}

div#adminPageControls {
	/*
	float: right;
	text-align: right;
	margin-right: 10px;
	*/
	background-color: #eee;
	padding: 4px 8px;
	margin: -6px;
	margin-bottom: 5px;
}

div#adminPageControls a {
	font-size: 9px;
	color: #00c;
}

div.controlsContainer {
}

div#adminStatusControls {
	text-align: right;
	margin-right: 10px;
}

#metadata_form label {
	color:#339;
	font-weight:bold;
}

#ajaxFormHolder {
	background-color: #ffc;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	padding: 8px 10px;
	margin: -.5em 0 2em 0;
}

#ajaxFormHolder h1 {
	margin-top: 0;
	margin-bottom: 10px;
}

#ajaxFormHolder ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

#updateMsg {
	color: #00c;
	font-weight: bold;
}

#addMetadataFormTarget {
	margin: 1em 0;
}

h3.searchEcho {
}

h2.collectionLink {
	color: #000;
	font-size: 1em; 
}

h3.collectionDescription {
	color: #333;
	font-style: italic; 
	font-weight: normal;
	width: 70%;
}

div#editMetadata form {
	border: 1px solid #dda;
	padding: 2px 2px 1px 10px;
	margin-bottom: -1px;
}

div#editMetadata form label {
	color:#339;
	font-weight: bold;
}

div#editMetadata form.updated {
	background-color: #cfc;
}

div#editMetadata form label.updated:after {
	content: ' updated';
	color: #6a6;
}

fieldset  {
	margin-bottom: 1em;
}

fieldset p {
	margin: 0 0 2px 0;
	padding: 0;
}

.addToCart {
	font-weight: bold;
}

a.addToCart {
	color: #700c0c;
}

p.annotation {
	padding: 10px;
	background-color: #ddd;
	width: 300px;
	min-height: 4em;
}

form#setAnnotationForm textarea {
	width: 312px;
	min-height: 4em;
	padding: 4px;
}

.atomLogo {
	float: right;
	margin-bottom: 10px;
	margin-right: 20px;
}

h3 a.modify {
	font-size: .8em;
}

span#itemType {
	color: #600;
	font-weight: normal;
}

/*****  ITEM SET DISPLAY PAGE **************/

div.pageControls {
	float: right;
	text-align: right;
}

table#itemSet {
	margin-bottom: 4px;
	width: 100%;
}
table#itemSet td {
	padding: .25em .5em;
	text-align: center;
	vertical-align: top;
	width: 180px;
}

table#itemSet td.highlight {
	background-color: #ccc;
}

table#itemSet td.completed {
	background-color: #ffc;
}
table#itemSet td.blank {
	height: 1px;
	border: 0;
	padding: 0;
	line-height: 0;
}
table#itemSet td div.checkNum {
	float: left; 
}
table#itemSet td div.image {
	margin-top: 1.8em;
}
table#itemSet td h5 {
	line-height: 1.2em;
	color: #666;
}
table#itemSet td h5.collection_name {
	font-weight: normal;
	color: #336;
	margin-bottom: 0;
}
table#itemSet td h5.sorted_by {
	font-weight: normal;
	color: #622;
}
table#itemSet td img {
	border: 1px solid #ccf;
}
table#itemSet td img:hover {
	border: 1px solid #999;
}
table#itemSet td div.cartAdd {
	float: right; 
	margin: 0 5px 0 0;
}
table#itemSet td div.cartAdd a {
	font-weight: normal;
	padding: 1px 5px;
}
table#itemSet td div.cartAdd a:hover {
	text-decoration: underline;
}
table#itemSet td div.cartAdd span {
	color: #700c0c;
	font-weight: bold;
}

table#itemSet td a.moveto img {
	border: 0;
	padding: 0 12px;
	width: 12px;
	height: 12px;
}

/**************************
 *                        *
 *     list display       *
 *                        *
 * ************************/

table#itemSet tr.item td.metadata {
	width: 100%;
	padding: .4em 1.2em;
	text-align:left;
	vertical-align: top;
}

div#results table#itemSet tr.item td.thumb {
	background-color: #d9c8ad;
	border-color: #c8b79c;
	background-color:#BBAE86;
	border:1px solid #998D64;
	min-width: 200px;
}

div#set table#itemSet tr.item td.thumb {
	background-color: #9cacc6;
	border-color: #6480ae;
	min-width: 200px;
}

p.thumbAnnotation {
	margin: 10px auto;
	padding: 5px;
	width: 80%;
	background-color: #ddd;
}


div#set table#itemSet tr.item td.thumb .collection_name {
	color: #333;
}

div#cart table#itemSet tr.item td.thumb {
	background-color: #cdb0ae;
	border-color: #947672;
	min-width: 200px;
}

tr.item td.metadata dl {
	margin-bottom: .5em;
	margin-top: .5em;
}
tr.item td.metadata dt {
	color:#339;
	float: left;
	font-weight:bold;
	line-height: 1.6em;
	margin-right: 8px;
}
tr.item td.metadata dd {
	color:#339;
	font-weight:bold;
	line-height: 1.6em;
	margin-left: 120px;
}

a.zoomer, a.unzoomer {
	font-weight: bold;
	font-size: 8px;
	color: #669;
}

/**** end list display *****/

table#sorter {
	border: 1px solid #bbb;
}

table#sorter td {
	width: 100px;
	border-style: dashed;
	border-color: #c8a24e;
	border-left: 0;
	border-right: 0;
	text-align: center;
	padding: 5px 10px 2px 10px;
}

table#sorter tr.shade {
	background-color: #ddd;
}
table#sorter td.sortImage img {
	width: 50%;
	height: 50%;
}

table#sorter td div.tiny {
	font-size: .7em;
	color: #666;
	margin-bottom: 2px;
}

div.widget {
	float: left;
	margin-right: 20px;
}

#removeFromSet {
	color: #930;
}

#setExpungerButton {
	color: #900;
}

#removeFromSet:hover, #setExpungerButton:hover {
	color: red;
}

#attributesForm {
	float: right;
}

#displaySelect {
	font-size: .8em;
	font-weight: bold;
	color: #999;
	margin-left: 1em;
}

#displaySelect a {
	color: #669;
}

.tagAdmin {
	background-color:#b5becd;
	padding:10px 15px 15px 30px;
}

/************ SLIDESHOW DISPLAY **************/

#backgroundColorSelect {
	padding: 10px;
	width: 30%;
}

body.black {
	background-color: black;
	color:white;
}

body.white {
	background-color: white;
	color: #999;
}

body.gray {
	background-color: gray;
	color: #333;
}

div#slideshowContainer {
	text-align: center;
	width: 95%;
}

div#slideshowContainer p.annotation {
	background-color: inherit;
	color: inherit;
	font-weight: bold;
	font-size: 1.8em;
	margin: 5px auto;
}

h1#slideshowTitle {
	float: left;
	margin: 1em;
	font-size: 1.4em;
	color: inherit;
}

div#slideshowControls {
	position: fixed;
	bottom: 1em;
	left: 1em;
}

div#slideshowControls a {
	font-size: 1.4em;
	font-weight: bold;
	color: inherit;
}

div#slideshowSizes {
	position: fixed;
	bottom: 1em;
	right: 1em;
}

div#slideshowSizes a {
	font-weight: bold;
	color: inherit;
}

div#slideshowSizes a.currentSize {
	font-size: 1.4em;
	color: inherit;
}

a#slideshowExit {
	position: fixed;
	top: 1em;
	right: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: inherit;
}

/*********** SETTINGS PAGE *********************/

/*
 * #CEEAD7
 * #90A497
 * #F7FFFA
 * #F0FFF5
 */

#settings h3 {
	background-color: #90a497;
	color: #000;
	padding: 5px 10px;
	margin-bottom: 0;
	width: 80%;
}

#settings div {
	background-color: #f0fff5;
	padding: 20px 10px;
	margin: 0 0 20px 0;
	width: 80%;
}

#settings ul {
	margin: 20px 0;
}

#settings p.current {
	color: #888;
}

/*********** FORM STYLES *********************/
form#searchRefine {
	margin: .8em 0;
}

form#loginForm {
	background-color:#e6d4b8;
	border:1px solid #aaa;
	padding:.5em;
	width:40%;
}
form#loginForm p {
	margin:1em;
}
form#loginForm label {
	color:#333;
	font-size:1.2em;
	font-weight:700;
}
form#loginForm label[for] {
	float:left;
	width:40%;
}
form#loginForm input[type=submit] {
	margin-left:40%;
}

form#newCollection label {
	display: block;
	font-weight: bold;
	color: #666;
}

form#ingestCollectionForm label {
	display: block;
	font-weight: bold;
	color: #666;
}

/************ MISCELLANEOUS STYLES ***************/

span#userName {
	color: #ccc;
}

div.login {
	color: #ccc;
	float:right;
	font-weight: bold;
	margin-right: 20px;
	padding-top: 5px;
}

div.login a.alert {
	color: #f33;
}

div.login a {
	color: #ccc;
}

table#colors {
	margin-right: 1em;
	margin-top: 2px;
}

table#colors td {
	border: 0;
	line-height: 4px;
	padding: 0px;
	height: 4px;
	width: 16px;
}

.javascript_template {
	display: none;
}

.pagerControl {
	margin: 1em 0;
}

.tally {
	color:#999;
	font-size:.94em;
	font-weight:normal;
}

div#test-data .success {
	color: #070;
}
div#test-data .failure {
	color: #900;
}

a.nolink, span.nolink {
	color: #999;
}

span.position {
	color: #666;
	font-size: .9em; 
}

#ajaxMsg {
	background-color: #fdf5b4;
	background-color: #fff1a8;
	width: 10%;
	text-align: center;
	padding: 5px;
	
	-moz-border-radius: 3px;
	/*
	margin: 10px 0 0 18px;
	padding: 5em 1em;
	*/
	color: #000;
	position: fixed;
	top: 2px;
	left: 40%;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;

}

#htpasswd {
	background-color: #ffc;
	padding: 10px;
}

.blink {
	text-decoration: blink;
}

.instruction {
	font-style: italic;
	margin-bottom: 0px;
	font-size: .9em;
}

h3.utilLabel {
	color: #700c0c;
	margin-bottom: 0px;
	margin-top: 1em;
	font-size: .9em;
}

.highlight {
	background-color: #ffc;
}

#serviceKeyForm {
	margin-top: 2em;
}

#resources dt {
	margin-top: 10px;
}

#resources dt a {
	font-size: 1.2em;
	color:#339;
	font-weight:bold;
}

#resources h1 {
	font-size: 1.8em;
	color: #000;
}

ul#menuGrayed a {
display:block;
color: #aaa;
padding: 4px 7px;
margin: 2px 0px;
}
ul#menuGrayed  li  {
/* fixes ie problem */
display:inline;
}
#menuGrayed li a.main { border: 1px solid #aaa; border-left: 18px solid #aaa; background-color: #ffffff; }
